<template name="login">
	<view>
		<view class=" relative bg-white" :style="'min-height:' + height+'px;'">
			<!-- <cu-custom bgColor="bg-red" :isBack="true">			<block slot="backText"></block>
				<block slot="content">登录</block>
			</cu-custom> -->

			<view class="whole-box" >
				<!-- <image class="whole-bg" mode="widthFix" src="@/static/login-bg.png"></image> -->
				<view class="whole-content" :style="'min-height:' + height+'px;'">
					
					<view class="logo-box">
							<image :src="config?config.logo:'../../static/login.png'" mode="widthFix"></image>
					</view>
					
					<view class="table-box">
					
					<block v-if="loginType=='default'">
						
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_user.png"></image>
							<input placeholder="请输入手机号" placeholder-class="input-holder" v-model="formData.username" />
							<!-- <view class="verify-btn" :class="'bg-'+theme" ><smsView ref="smsView" :mobile="loginMobileFormData.mobile"></smsView></view> -->
						</view>
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_pwd.png"></image>
							<input type="password" placeholder="请输入密码" placeholder-class="input-holder" v-model="formData.password" />
						</view>

						<view class="margin-top space-between align-center text-black text-bold">
							<!-- <text class="flex-sub text-left" @tap="loginType='mobile'">验证码登录</text> -->
							<text class="margin-right" @tap="goPage('/pages/member/password')">忘记密码</text> 
							<text @tap="loginType='register'">注册</text>
							</view>
						
						<view class="login-btn" @click="login_default">
							<block v-if="loginLoading">
								<view class="cuIcon-loading2 cuIconfont-spin"></view>登陆中
							</block>
							<block v-else>登陆</block>
						</view>
						
					<!-- 	<view class="login-btn" style="margin-top: 20px;" @click="login_wechat">
							<block v-if="loginLoading">
								<view class="cuIcon-loading2 cuIconfont-spin"></view>登陆中
							</block>
							<block v-else>微信登录</block>
						</view> -->
					</block>
					
					<block v-else-if="loginType=='mobile'">
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_user.png"></image>
							<input placeholder="请输入手机号" placeholder-class="input-holder" v-model="mformData.mobile" />
						</view>
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_code.png"></image>
							<input type="number" placeholder="请输入验证码" placeholder-class="input-holder" v-model="mformData.code" />
							<view class="verify-btn"><smsView ref="smsView" :mobile="mformData.mobile"></smsView></view>
						</view>
						
						<view class="margin-top space-between align-center text-black text-bold"><text class="flex-sub text-left" @tap="loginType='default'">密码登录</text><text class="margin-right" @tap="goPage('/pages/member/password2')">忘记密码</text> <text @tap="loginType='register'">注册</text></view>
						
						<view class="login-btn" @click="login_mobile">
							<block v-if="loginLoading">
								<view class="cuIcon-loading2 cuIconfont-spin"></view>登陆中
							</block>
							<block v-else>登陆</block>
						</view>
					</block>
					
					<block v-else-if="loginType=='register'">
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_user.png"></image>
							<input type="number" placeholder="请输入手机号" placeholder-class="input-holder" v-model="loginMobileFormData.mobile" />
						</view>
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_code.png"></image>
							<input type="password" placeholder="设置密码" placeholder-class="input-holder" v-model="loginMobileFormData.password_hash" />
						</view>
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_code.png"></image>
							<input type="number" placeholder="请输入验证码" placeholder-class="input-holder" v-model="loginMobileFormData.code" />
							<view class="verify-btn"><smsView ref="smsView" :mobile="loginMobileFormData.mobile"></smsView></view>
						</view>
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_user.png"></image>
							<input type="number" maxlength="18" placeholder="请输入邀请码" placeholder-class="input-holder" v-model="loginMobileFormData.channel_pid" />
						</view>
						<view class="login-btn" @click="login_mobile">
							<block v-if="loginLoading">
								<view class="cuIcon-loading2 cuIconfont-spin"></view>注册中
							</block>
							<block v-else>注册</block>
						</view>
					</block>
					
					<block v-else-if="loginType=='wechatMobile'">
						<view class="text-center">
							<view>
								<view class="cu-tag line-green">授权成功，请绑定手机号！</view>
							</view>
							<view class="text-center cu-avatar xl round default-bg margin-top-sm">
								<image :src="wechatMember.head_portrait" mode="aspectFill"></image>
							</view>
						</view>
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_user.png"></image>
							<input type="number" placeholder="请输入手机号" placeholder-class="input-holder" v-model="loginMobileFormData.mobile" />
						</view>
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_code.png"></image>
							<input type="password" placeholder="设置密码" placeholder-class="input-holder" v-model="loginMobileFormData.password_hash" />
						</view>
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_code.png"></image>
							<input type="number" placeholder="请输入验证码" placeholder-class="input-holder" v-model="loginMobileFormData.code" />
							<view class="verify-btn"><smsView ref="smsView" :mobile="loginMobileFormData.mobile"></smsView></view>
						</view>
						<view class="input-line">
							<image mode="widthFix" src="@/static/login/icon_user.png"></image>
							<input type="text" maxlength="18" placeholder="请输入邀请码" placeholder-class="input-holder" v-model="loginMobileFormData.channel_pid" />
						</view>
						<view class="login-btn" @click="login_mobile">
							<block v-if="loginLoading">
								<view class="cuIcon-loading2 cuIconfont-spin"></view>绑定中
							</block>
							<block v-else>绑定</block>
						</view>
					</block>
					
					<view class="text-center margin-top w100">
							<view class="margin-top-xl padding-top-xl text-center text-gray bgline"  v-if="loginType!='default' && loginType!='mobile'">其他登录方式</view>
							<view class="margin flex justify-center">

								<!-- #ifdef MP-WEIXIN -->
								<button class="text-center margin-lr-sm" open-type='getUserInfo' @getuserinfo="appLoginWx" v-if="loginType!='wechatMP'">
									<view class="iconfont icon-weixin-copy login-icon text-green"></view>
									<view class="text-sm">小程序登录</view>
								</button>
								<!-- <button class="text-center margin-lr-sm" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
									<view class="iconfont icon-shouji login-icon text-orange"></view>
									<view class="text-sm">手机验证</view>
								</button> -->
								<!-- #endif -->
					
								<!-- #ifdef H5 -->
								<block v-if="isWeixinBrowser">
									<view class="text-center margin-lr-sm" @click="login_wechat" v-if="loginType!='wechatMobile'">
										<view class="iconfont icon-weixin-copy login-icon text-green"></view>
										<view class="text-sm">微信登录</view>
									</view>
								</block>
								<!-- #endif -->
								
								<!-- #ifdef APP-VUE -->
								<view class="text-center margin-lr-sm" @click="handleThirdLoginApp" v-if="loginType!='wechatMobile'">
									<view class="iconfont icon-weixin-copy login-icon text-green"></view>
									<view class="text-sm">微信登录</view>
								</view>
								<!-- #endif -->
								
								<view class="text-center margin-lr-sm" @click="loginType='default'" v-if="loginType!='default' && loginType!='mobile'">
									<view class="iconfont icon-qunfengxiugaimima login-icon text-orange light"></view>
									<view class="text-sm">账号登录</view>
								</view>
								<!-- <view class="text-center margin-lr-sm" @click="loginType='mobile'" v-if="loginType!='default' && loginType!='mobile'">
									<view class="iconfont icon-shouji login-icon text-orange"></view>
									<view class="text-sm">手机验证</view>
								</view> -->
							</view>
						</block>
					</view>
					
					<view class="margin-top-xl text-center padding-bottom text-bold" v-if="loginType=='wechatMobile'||loginType=='register'">
						<!-- <checkbox class="round my-bot-text" :class="[selected?'checked':'',theme]" :checked="selected?true:false" value="1" @tap="selectChange()"> -->
							新用户注册即同意<text style="color: #C7754C;" @tap="modalName='Agreement'">《秒杀用户协议》</text>
						<!-- </checkbox> -->
					</view>
					
					</view>
				</view>
			</view>

			<view class="cu-modal" :class="modalName=='Agreement'?'show':''">
				<view class="cu-dialog">
					<image src="@/static/login/agreement-bg.png" mode="scaleToFill" class="agreememt-bg"></image>
					<view class="agreememt-box">
						<view class="title">vip购物须知</view>
						<scroll-view scroll-y class="content">
							<rich-text :nodes="agreememt_content"></rich-text>
						</scroll-view>
						<radio-group class="radio-box" @change="changeAgreement">
							<label class="l-radio"><radio value="1" checked="true" color="#000000"/>我同意以上协议</label>
							<!-- <label class="l-radio"><radio value="2" color="#000000"/>下次不再提醒</label> -->
						</radio-group>
						<view class="confirm-btn" @click="modalName=''">确认</view>
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex'

	import smsView from '@/components/default/smsView.vue'
	export default {
		name: "login",
		components: {
			smsView,
		},
		data() {
			return {
				formData: {
					username: "",
					password: "",
					group: "h5"
				},
				mformData: {
					mobile: "",
					code: "",
					group: "h5"
				},
				selected:false,
				text: "",
				votenumstatus:[],
				run_system: "h5",
				SessionKey: '',
				OpenId: '',
				infoRes: null,
				code: '',
				state: 0,
				modalName: 'loginModal',
				m_status:1,
				loginLoading: false,
				theme: this.$config.THEME(),
				loginType: 'default', //是否注册状态
				wechatMember: {
					id: 0,
					head_portrait: '',
					nickname: '',
					oauth_client_user_id: '',
					oauth_client: '',
					gender: 0,
				},
				loginMobileFormData: {
					mobile: '',
					code: '',
					group: "h5",
					channel_pid:'',
					password_hash:'',
					newpassword:''
				},
				height: this.windowHeight,
				// height: 730,
				config: null,
				c_pid:0,
				
				agreememt_content: '<h1>v协议内容</h1>'
			}
		},
		computed: mapState(['forcedLogin', 'hasLogin']),
		methods: {
			...mapMutations(['login', 'info']),
			download(){
				this.$common.showError('请跳转下载链接')
			},
			getPhoneNumber(e) {
				let _this = this
				if (!this.code) {
					uni.login({
						provider: 'weixin',
						success: function(loginRes) {
							_this.code = loginRes.code
							_this.$common.showError('授权失败，请重新授权')
						},
					})
				} else this.login_wechat_mobile(e.detail.iv, e.detail.encryptedData)
			},
			
			changeAgreement(){
				
			},
			selectChange() {
				this.selected = !this.selected
		
				
			},
	
			login_wechat_mobile(iv, encryptedData) {
				let backurl = this.$common.getCache('backurl')
				console.log(this.infoRes)
				this.$http
					.post('mini_mobile_login', {
						code: this.code,
						iv: iv,
						encryptedData: encryptedData,
					})
					.then((response) => {
						console.log(response)
						if (response.data.data.access_token) {
							this.login([response.data.data.access_token])
							this.loginSuccess(backurl)
							return
						}
					})
					.catch((response) => {})
			},
			login_mobile() {
				// if (this.selected == true) {
				// } else {
				// 	uni.showToast({
				// 		title: "请勾选隐私协议",
				// 		icon: "none"
				// 	});
				// 	return
				// }
				let form = this.loginMobileFormData
				if (form.channel_pid == 0 || form.channel_pid == '' ) {
					uni.showToast({
						title: "请填写推荐人id",
						icon: "none"
					});
					return
				}
				
				// if (this.m_status == 1) {
				// 	this.modalName = 'Agreement'
				// 	this.m_status = 2;
				// 	return 
				// }
				this.selected == true
				if (this.loginLoading) return
				this.loginLoading = true
				uni.showLoading({
					title: "登陆中..."
				})
				
				
				form.id = this.wechatMember.id
				form.nickname = this.wechatMember.nickname
				form.gender = this.wechatMember.gender
				form.head_portrait = this.wechatMember.head_portrait
				form.share_id = this.$common.getCache('share_id')

				let backurl = this.$common.getCache('backurl')
				this.$http
					.post('mobile_login', this.loginMobileFormData)
					.then((response) => {
						console.log(response)
						let token = response.data.data.access_token
						let member = response.data.data.member
						this.login([token])
						// this.info(member)
						uni.hideLoading()
						this.loginLoading = false

						this.loginSuccess(backurl)
					})
					.catch((response) => {
						this.loginLoading = false
					})
			},
			login_default() {
				if (this.selected == true) {
				} else {
					// uni.showToast({
					// 	title: "请勾选隐私协议",
					// 	icon: "none"
					// });
					// return
				}
				console.log(123)
				if (this.loginLoading) return
				this.loginLoading = true
				uni.showLoading({
					title: "登陆中..."
				})
				let backurl = this.$common.getCache('backurl')
				this.$http
					.post('login', this.formData)
					.then((response) => {
						console.log(response)
						let token = response.data.data.access_token
						let member = response.data.data.member
						this.login([token])
						// this.info(member)
						uni.hideLoading()
						this.loginLoading = false
						this.loginSuccess(backurl)
					})
					.catch((response) => {
						this.loginLoading = false
					})
			},
			login_mini_sent() {
				uni.showLoading({
					title: '登录中...'
				})
				let backurl = this.$common.getCache('backurl')
				this.$http
					.post('mini_login', {
						code: this.code,
						iv: this.infoRes.iv,
						rawData: this.infoRes.rawData,
						encryptedData: this.infoRes.encryptedData,
						signature: this.infoRes.signature,
					})
					.then((response) => {
						console.log(response)
						uni.hideLoading()
						if (response.data.data.access_token) {
							this.login([response.data.data.access_token])
							this.loginSuccess(backurl)
							return
						}
						this.loginType = 'loginMobile'
						this.wechatMember.id = response.data.data.id
						this.wechatMember.nickname = response.data.data.nickname
						this.wechatMember.gender = response.data.data.gender
						this.wechatMember.head_portrait = response.data.data.head_portrait
						if (this.c_pid > 0) {
							this.loginMobileFormData.channel_pid = this.c_pid
						}						
					})
					.catch((response) => {
						console.log(response)
						uni.hideLoading()
					})
			},
			appLoginWx: function(res) {
				let _self = this
				if (this.selected == true) {
				} else {
					// uni.showToast({
					// 	title: "请勾选隐私协议",
					// 	icon: "none"
					// });
					// return
				}
				uni.getProvider({
					service: 'oauth',
					success: function(res) {
						if (~res.provider.indexOf('weixin')) {
							uni.login({
								provider: 'weixin',
								success: (res) => {
									_self.code = res.code
									uni.getUserInfo({
										provider: 'weixin',
										success: (info) => { //这里请求接口
											console.log(res);
											console.log(info);
											_self.infoRes = info
											_self.login_mini_sent()
										},
										fail: () => {
											uni.showToast({
												title: "微信登录授权失败",
												icon: "none"
											});
										}
									})

								},
								fail: () => {
									uni.showToast({
										title: "微信登录授权失败",
										icon: "none"
									});
								}
							})

						} else {
							uni.showToast({
								title: '请先安装微信或升级版本',
								icon: "none"
							});
						}
					}
				});

			},
			login_mini() {
				let _this = this
				uni.showLoading({
					title: '登录中...'
				})
				uni.getUserInfo({
					provider: 'weixin',
					success: function(infoRes) {
						_this.infoRes = infoRes
						_this.login_mini_sent()
					},
					fail(e) {
						console.log(e)
					}
				})
				// uni.login({
				// 	provider: 'weixin',
				// 	success: function(loginRes) {
				// 		_this.code = loginRes.code

				// 	},
				// 	fail(error) {
				// 		console.log(error)
				// 	}
				// })
			},
			login_wechat() {
				if (this.selected == true) {
				} else {
					// uni.showToast({
					// 	title: "请勾选隐私协议",
					// 	icon: "none"
					// });
					// return
				}
				var share_id = this.$common.getCache('share_id')
				var reback_url = this.$http.host() + '/api/v1/site/wechat-login?url=' + encodeURIComponent(location.href) +
					'&share_id=' + share_id
				window.location.href = reback_url
			},
			closeLogin() {
				this.modalName = ''
				setTimeout((res) => {
					this.navigateBack()
				}, 500)
			},
			loginSuccess(backurl) {
				
				this.$common.showSuccess('登录成功', (r) => {
					if (backurl && backurl.indexOf("login") < 0) {
						this.$common.rmCache('backurl')
						uni.redirectTo({
							url: backurl
						})
					} else {
						uni.redirectTo({
							url: '/pages/member/index'
						})
					}
				})
			},
			//app第三方登录
			handleThirdLoginApp() {
				console.log("App微信拉起授权")
				var that = this
				uni.showLoading({
					title: '授权中...'
				})
				if (this.selected == true) {
				} else {
					// uni.showToast({
					// 	title: "请勾选隐私协议",
					// 	icon: "none"
					// });
					// return
				}
				uni.getProvider({
					service: 'oauth',
					success: function(res) {
						console.log(res.provider);
						//支持微信、qq和微博等
						if (~res.provider.indexOf('weixin')) {
							uni.login({
								provider: 'weixin',
								success: function(loginRes) {
									console.log("App微信获取用户信息成功", loginRes);
									that.getApploginData(loginRes) //请求登录接口方法
								},
								fail: function(res) {
									uni.hideLoading()
									that.$common.showError('授权失败')
									console.log("App微信获取用户信息失败", res);
								}
							})
						}
					}
				});
			},
			getApploginData(data) {
				console.log(data)
				
				let backurl = this.$common.getCache('backurl')
				var that = this
				// that.$common.showSuccess('授权成功')
				//这边是前端自己去调微信用户信息的接口，根据接口需要请求，如果不需要前端去获取的话就交给后端，可省去次操作
				uni.request({
					url: "https://api.weixin.qq.com/sns/userinfo?access_token=" + data.authResult.access_token + "&openid=" + data.authResult
						.openid,
					method: 'GET',
					dataType: 'json',
					header: {
						'content-type': 'application/x-www-form-urlencoded' // 默认值
					},
					success(res) {
						console.log('【登录回调啾啾啾】', res)
						that.$http
							.post('app_wechat_login', res.data)
							.then((response) => {
								console.log(response)
								uni.hideLoading()
								that.loginLoading = false
								if(response.data.data.access_token){
									let token = response.data.data.access_token
									let member = response.data.data.member
									that.login([token])
									that.info(member)
															
									that.loginSuccess(backurl)
								} else {
									//微信登录没绑定过手机号
									that.loginType = 'wechatMobile'
									that.wechatMember.id = response.data.data.id
									that.wechatMember.nickname = response.data.data.nickname
									that.wechatMember.gender = response.data.data.gender
									that.wechatMember.head_portrait = response.data.data.head_portrait
								}
								if (that.c_pid > 0) {
									that.loginMobileFormData.channel_pid = that.c_pid
								}	
							})
							.catch((response) => {
								console.log(response)
								that.loginLoading = false
							})
						
					},
					fail() {}
				})
			},
			getDetail() {
				this.$http
					.get('article_signle', {
						id: 2 //协议id
					})
					.then((response) => {
						// let detail = response.data.data
						this.agreememt_content = this.$common.mathRichText(response.data.data.content)
					})
					.catch((response) => {
						console.log(response)
						uni.showToast({
							icon: 'none',
							title: '',
							duration: 0
						})
					})
			}
		},
		onLoad(options) {
			let _this = this
			let backurl = this.$common.getCache('backurl')
			
			console.log(backurl.indexOf("&"));
			this.getDetail()
             if(!this.$common.getCache('share_id')){
				 if(backurl && backurl.indexOf("&") > 0){
					let shares_id=backurl.split("&");
					if(shares_id){
						let share_id=shares_id[1].split("=");
						this.$common.setCache('share_id', share_id[1], 24 * 60 * 60)
					} 
				 }
			 }
			 
			if (options.token) {
				this.login([options.token])
				if (backurl && backurl.indexOf("login") < 0) {
					this.$common.rmCache('backurl')
					uni.redirectTo({
						url: backurl
					})
				} else {
					uni.redirectTo({
						url: '/pages/shop/index'
					})
				}
				return
			} else if (options.id) {
				//微信登录没绑定过手机号
				this.loginType = 'wechatMobile'
				this.wechatMember.id = options.id
				this.wechatMember.nickname = options.nickname
				this.wechatMember.gender = options.gender
				this.wechatMember.head_portrait = options.head_portrait
			}
			setTimeout((res) => {
				// this.modalName = 'loginModal'
			}, 500)
			
			if (options.share_id > 0) {
				this.c_pid = options.share_id;
				this.loginMobileFormData.channel_pid = options.share_id
				// console.log(options.share_id)
				console.log(this.loginMobileFormData.channel_pid)
				// if (this.m_status == 1) {
					// this.modalName = 'Agreement'
					// this.m_status = 2;
				// }
			}else{
				this.loginMobileFormData.channel_pid = this.$common.getCache('share_id')
				
			}
			
			// 给没有推荐人的，给系统第一个人的ID作为默认值
			if(this.wechatMember.id>0 && !options.share_id ){
				this.$http
					.get('get_one_member', {})
					.then((response) => {
						this.c_pid = response.data.data.id;
						this.loginMobileFormData.channel_pid = response.data.data.id					
				})
			}

			// #ifdef MP-WEIXIN
			this.run_system = 'mini'
			uni.getUserInfo({
				provider: 'weixin',
				success: function(infoRes) {
					_this.infoRes = infoRes
					console.log(infoRes)
				}
			})
			uni.login({
				provider: 'weixin',
				success: function(loginRes) {
					_this.code = loginRes.code
				},
			})
			// #endif

			// #ifdef H5
			this.run_system = 'h5'
			// #endif
		},
		onShow() {
			console.log('是否登录：' + this.hasLogin)
			this.$common.getConfig().then((config)=>{
				this.config = config
			})
		}
	}
</script>

<style>
	page{
		background-color: #FFFFFF;
	}
	.whole-box{
		height: 100%;
		position: relative;
	}
	.whole-box .whole-bg{
		width: 100%;
	}
	.whole-box .whole-content{
		width: 750rpx;
		position: absolute;
		top: 0;
		left: 0;
	}
		
	.whole-content .logo-box{
		margin-top: 260rpx;
		text-align: center;
	}
	.logo-box image{
		width: 168rpx;
	}
</style>

<style>
	.whole-content .table-box{
		margin-top: 30rpx;
		padding: 0 60rpx;
	}
	.table-box .input-line{
		/* width: 670rpx; */
		height: 100rpx;
		margin-top: 20rpx;
		border-bottom: 1rpx solid #000000;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.input-line image{
		width: 32rpx;
		margin-right: 22rpx;
		flex-shrink: 0;
	}
	.input-line input{
		flex: 1;
		height: 40rpx;
		text-align: 40rpx;
		font-size: 30rpx;
		color: #333333;
	}
	.input-line .verify-btn{
		margin-left: 10rpx;
		flex-shrink: 0;
		padding: 20rpx 16rpx;
		border-radius: 6rpx;
		background-color: #FFFFFF;
		font-size: 26rpx;
		color: #000000;
	}
	.input-holder{
		font-size: 30rpx;
		color: #000000;
	}
	
	.table-box .login-btn{
		margin-top: 150rpx;
		text-align: center;
		border-radius: 30rpx;
		height: 92rpx;
		line-height: 92rpx;
		background-color: #815ad7;
		color: #ffffff;
		font-size: 30rpx;
		font-weight: bold;
	}
</style>

<style>

	
	.bg {
		height: 100vh;
		position: relative;
		overflow: auto;
	}

	.action-content {
		width: 100%;
		position: absolute;
		bottom: 40rpx;
	}

	.logo-thumb {
		width: 180rpx;
		height: 180rpx;
		border-radius: 20rpx;
		margin: 180rpx auto;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 46rpx;
	}

	.action-view {
		margin: 30px 0;
		border-radius: 10px;
		padding: 30px;
	}

	.wechat-view {
		text-align: center;
	}

	.action-view .title {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.action-view .tips {
		line-height: 20px;
	}

	.action-view .ctr {
		margin-top: 20px;
	}

	.btn-login {
		font-size: 18px;
		padding: 24px 40px;
		margin: 0 auto;
	}

	.cu-btn {
		width: 100%;
	}

	.logo {
		text-align: center;
		font-size: 40px;
		padding-top: 80px;
		font-family: '微软雅黑';
	}

	.bottom {
		bottom: 0;
	}

	.login-icon {
		font-size: 70rpx;
	}

	button {
		line-height: unset;
		padding: 0;
		background: none;
		border: none;
		position: unset;
	}

	button::after {
		content: none;
	}
</style>

<style>
	
	/* .whole-box .input-line{
		width: 670rpx;
		margin-top: 20rpx;
		padding: 26rpx 50rpx;
		border: 1rpx solid #E1E1E1;
		border-radius: 70rpx;
		box-shadow: 0rpx 0rpx 6rpx 1rpx #E1E1E1;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.input-line image{
		width: 45rpx;
		height: 65rpx;
		margin-right: 30rpx;
		flex-shrink: 0;
	}
	.input-line input{
		flex: 1;
		font-size: 30rpx;
		color: #666666;
	}
	.input-line .verify-btn{
		margin-left: 10rpx;
		flex-shrink: 0;
		padding: 20rpx 16rpx;
		border-radius: 6rpx;
		font-size: 26rpx;
		color: #FFFFFF;
	}
	.input-holder{
		font-size: 30rpx;
		color: #999999;
	} */
		
	.my-bot-text{
		font-size: 26rpx;
		font-weight: bold;
		color: #999999;
	}
	.my-bot-text text{
		font-size: 26rpx;
		font-weight: bold;
		color: #C61C1D;
	}
</style>

<style>
	.cu-modal .cu-dialog {
		width: 576rpx;
		height: 1110rpx;
		border-radius: 20rpx;
		overflow: hidden;
		position: relative;
	}
	.cu-dialog .agreememt-bg{
		width: 100%;
		height: 100%;
	}
	.cu-dialog .agreememt-box{
		width: 576rpx;
		height: 1110rpx;
		padding: 0 26rpx;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.agreememt-box .title{
		font-size: 38rpx;
		font-weight: bold;
		color: #715B07;
	}
	.agreememt-box .content{
		margin-top: 60rpx;
		width: 100%;
		padding: 20rpx;
		height: 670rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		text-align: left;
		color: #303030;
		font-size: 24rpx;
	}
	.agreememt-box .radio-box{
		width: 100%;
		margin-top: 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.radio-box .l-radio{
		font-size: 24rpx;
		color: #000000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.l-radio radio{
		transform:scale(0.5)
	}
	.agreememt-box .confirm-btn {
		margin-top: 80rpx;
		width: 310rpx;
		height: 64rpx;
		line-height: 64rpx;
		border-radius: 32rpx;
		text-align: center;
		background-color: #FFF0AF;
		font-size: 34rpx;
		font-weight: bold;
		color: #000000;
	}
</style>
